*,
::after,
::before {
  box-sizing: border-box;
}
body,
ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, PingFangSC-Regular, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}
img {
  vertical-align: bottom;
}
ul {
  list-style-type: none;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
select {
  /* 清除input的边框 */
  border: 0;
  /* 清除input点击之后的黑色边框 */
  outline: none;
  /* 清除input边框偏移 */
  outline-offset: 0;
}
body {
  background-color: #F4F4F4;
}
.header {
  width: 100%;
  height: 1.44rem;
  background-color: #fff;
  display: flex;
  align-items: end;
}
.header .content {
  width: 100%;
  height: 1.33333333rem;
  display: flex;
}
.header .content a {
  line-height: 1.33333333rem;
}
.header .content span {
  flex: 1;
  font-size: 0.48rem;
  line-height: 1.33333333rem;
  padding-left: 2.88rem;
}
.calendar_top {
  width: 100%;
  text-align: center;
}
.calendar_top .font {
  display: flex;
  justify-content: center;
  padding-top: 0.85333333rem;
}
.calendar_top .font input {
  width: 2.13333333rem;
  height: 0.66666667rem;
  background-color: #F4F4F4;
  font-size: 0.53333333rem;
  margin-bottom: 0.4rem;
}
.calendar_top .font input::placeholder {
  font-size: 0.53333333rem;
  color: #2A2929;
}
.calendar_top .font img {
  margin-bottom: 0.29333333rem;
}
.tasks {
  width: 100%;
  height: 2.69333333rem;
  background-color: #fff;
  margin: 0.6rem auto;
}
.tasks .assignments {
  display: flex;
  justify-content: space-around;
}
.tasks .assignments p {
  font-size: 0.48rem;
  color: #2A2929;
  text-align: center;
  font-weight: 600;
  margin-top: 0.53333333rem;
}
.tasks .assignments .a {
  margin-top: 0.37333333rem;
  font-size: 0.32rem;
  text-align: center;
  color: #2A2929;
}
.calendar {
  width: 100%;
  background-color: #fff;
}
.calendar .one {
  display: flex;
  justify-content: space-around;
  border: 1px solid #F4F4F4;
}
.calendar .one p {
  font-size: 0.32rem;
  color: #818181;
  line-height: 0.45333333rem;
  margin-top: 0.74666667rem;
  margin-bottom: 0.48rem;
  text-align: center;
}
.calendar .two {
  display: flex;
  justify-content: space-around;
  border: 1px solid #F4F4F4;
}
.calendar .two span {
  display: block;
  width: 0.56rem;
  font-size: 0.32rem;
  color: #C2C1C1;
  line-height: 0.45333333rem;
  margin-top: 0.50666667rem;
  margin-bottom: 0.37333333rem;
  text-align: center;
}
.calendar .two p {
  font-size: 0.32rem;
  color: #2A2929;
  line-height: 0.45333333rem;
  margin-top: 0.50666667rem;
  margin-bottom: 0.37333333rem;
  display: block;
  width: 0.56rem;
}
.calendar .three {
  display: flex;
  justify-content: space-around;
  border: 1px solid #F4F4F4;
}
.calendar .three p {
  font-size: 0.32rem;
  display: block;
  width: 0.56rem;
  color: #2A2929;
  margin-top: 0.50666667rem;
  margin-bottom: 0.37333333rem;
}
.calendar .three .num {
  font-size: 0.32rem;
  color: #2A2929;
  text-align: center;
}
.calendar .three .num div {
  font-size: 12px;
  color: #EF4F3F;
  margin-top: 0.08rem;
}
